/* 卡片最外层开始 */
.ziyuan-card {
	background:#fff;
	border-radius:3px;
	color:#5f6368;
	font-size:13px;
	margin:40px 0;
	overflow:hidden;
	transition:box-shadow 135ms cubic-bezier(.4,0,.2,1),width 235ms cubic-bezier(.4,0,.2,1);
	vertical-align:top;
	width:240px;
	z-index:1;
	float: left;
	margin-left: 16px;
}
.ziyuan-card {
    box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);
    transition: box-shadow 135ms cubic-bezier(.4,0,.2,1);
}
/* 卡片最外层结束*/

/* 卡片图片样式 */
.ziyuan-card__image {
	background-size:cover;  /*会保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域。*/
	border-radius:50%;
	float:left;
	margin-bottom:16px;
	margin-right:20px;
	height:44px;
	width:44px
}

/* 卡片图片样式结束*/


.ziyuan-card__link p {
    font-weight: 400;
}
.ziyuan-card__body {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    white-space: normal;
}
.ziyuan-card__body {
    max-height: 60px;
}
.ziyuan-card__title {
    color: #202124;
    font-size: inherit;
    font-weight: 500;

}
/* 截断长篇文本 */
.ziyuan-card__body,.ziyuan-card__title {
	overflow:hidden;
	text-overflow:ellipsis;
}


/* .ziyuan-card+.ziyuan-card {
	margin-left:16px
} */

.ziyuan-card__link {
	color:inherit;
	display:block;
	padding:16px 20px 12px;
}
.ziyuan-card__link p {
	font-weight:400
}

.mdc-ripple-surface::after,.mdc-ripple-surface::before {
	position:absolute;
	border-radius:50%;
	opacity:0;
	pointer-events:none;
	content:"";
}

.mdc-ripple-surface::after,.mdc-ripple-surface::before {
	top:calc(50% - 100%);
	left:calc(50% - 100%);
	width:200%;
	height:200%
}
.mdc-ripple-surface {
	--mdc-ripple-fg-size:0;
	--mdc-ripple-left:0;
	--mdc-ripple-top:0;
	--mdc-ripple-fg-scale:1;
	--mdc-ripple-fg-translate-end:0;
	--mdc-ripple-fg-translate-start:0;
	-webkit-tap-highlight-color:transparent;
	will-change:transform,opacity;
	position:relative;
	outline:0;
	overflow:hidden
}
.mdc-ripple-surface::before {
	transition:opacity 15ms linear;
	z-index:1
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
	transform:scale(var(--mdc-ripple-fg-scale,1))
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
	top:0;
	left:0;
	transform:scale(0);
	transform-origin:center center
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
	top:var(--mdc-ripple-top,0);
	left:var(--mdc-ripple-left,0)
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
	animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
	animation:150ms mdc-ripple-fg-opacity-out;
	transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}
.mdc-ripple-surface::after,.mdc-ripple-surface::before {
	background-color:#000
}
.mdc-ripple-surface:hover::before {
	opacity:.04
}
.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
	transition-duration:75ms;
	opacity:.12
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
	transition:opacity 150ms linear
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
	transition-duration:75ms;
	opacity:.16
}
.mdc-ripple-surface.mdc-ripple-upgraded {
	--mdc-ripple-fg-opacity:0.16
}
.mdc-ripple-surface::after,.mdc-ripple-surface::before {
	top:calc(50% - 100%);
	left:calc(50% - 100%);
	width:200%;
	height:200%
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
	width:var(--mdc-ripple-fg-size,100%);
	height:var(--mdc-ripple-fg-size,100%)
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
	overflow:visible
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before {
	top:calc(50% - 50%);
	left:calc(50% - 50%);
	width:100%;
	height:100%
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before {
	top:var(--mdc-ripple-top,calc(50% - 50%));
	left:var(--mdc-ripple-left,calc(50% - 50%));
	width:var(--mdc-ripple-fg-size,100%);
	height:var(--mdc-ripple-fg-size,100%)
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
	width:var(--mdc-ripple-fg-size,100%);
	height:var(--mdc-ripple-fg-size,100%)
}
.mdc-ripple-surface--primary::after,.mdc-ripple-surface--primary::before {
	background-color:#6200ee
}
@supports not (-ms-ime-align:auto) {
	.mdc-ripple-surface--primary::after,.mdc-ripple-surface--primary::before {
	background-color:var(--mdc-theme-primary,#6200ee)
}
}.mdc-ripple-surface--primary:hover::before {
	opacity:.04
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before {
	transition-duration:75ms;
	opacity:.12
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
	transition:opacity 150ms linear
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
	transition-duration:75ms;
	opacity:.16
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
	--mdc-ripple-fg-opacity:0.16
}
.mdc-ripple-surface--accent::after,.mdc-ripple-surface--accent::before {
	background-color:#018786
}
